{include file="../application/admin/view/health/base.html" /}
<div id="containerBox" v-cloak>
	<!--条件筛选-->
	<div class="choose-container">
		<div class="custom-choose display-flex">
			<div class="choose-status">
				<span class="choose-status-tip">筛选条件</span>
				<el-switch active-value="1" inactive-value="0" v-model="chooseType">
				</el-switch>
			</div>
			<div class="custom-search">
			</div>
		</div>
		<div v-if="chooseType==1">
			<div class="custom-choose-type display-flex">
				<div class="custom-choose-type-tip">
					用户手机
				</div>
				<div>
					<el-input style="width: 400px;" placeholder="请输入用户手机" v-model="searchForm.user_mobile"
					          size="small">
					</el-input>
				</div>
			</div>
			<div class="custom-choose-sub display-flex">
				<div class="common-btn choose-btn choose-btn-active" style="margin-right: 20px;"
				     @click="operation('filter')">
					筛选
				</div>
				<div class="common-btn choose-btn" @click="operation('clear')">
					清空
				</div>
			</div>
		</div>
	</div>
	<!--表格-->
	<div class="custom-table">
		<div class="custom-header display-flex">
			<div class="display-flex">
				<el-button size="small" icon="el-icon-refresh" @click="getData"></el-button>
			</div>
		</div>
		<div class="custom-table-border">
			<el-table ref="multipleTable" :data="data" tooltip-effect="dark" style="width: 100%" border
			          :row-class-name="tableRowClassName" :cell-class-name="tableCellClassName"
			          :header-cell-class-name="tableCellClassName">
				<el-table-column fixed prop="user_mobile" label="用户手机" align="center">
				</el-table-column>
				<el-table-column label="用户ID" prop="user_id" align="center">
				</el-table-column>
				<el-table-column label="使用时间" prop="use_time" align="center">
				</el-table-column>
				<el-table-column label="使用类型" prop="service_type_txt" align="center">
				</el-table-column>
			</el-table>
		</div>
		<div class="page-container display-flex">
			<el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange"
			               :current-page="currentPage" :page-sizes="[10, 20, 30, 40]" :page-size="limit"
			               layout="total, sizes, prev, pager, next, jumper" :total="totalPage">
			</el-pagination>
		</div>
	</div>
</div>